<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../static/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
	</head>
	<body>
	<div id="" class="container">
		
		<h2>当前用户</h2>
		<table class="table table-hover" style="margin-top: 40px; width: 60%;">
			<thead>
		 	<tr>
					<th>#</th>
					<th>用户名</th>
					<th>年龄</th>
					<th>性别</th>
					<th>邮箱</th>
				</tr>
			</thead>

			<tbody>

				{% for item in data_list %}

				<tr>
					<th scope="row">{{item.id}}</th>
					
					<td>{{item.name}}</td>
					<td>{{item.age}}</td>
					<td>{{item.gender}}</td>
					<td>{{item.email}}</td>
				</tr>


				{%  endfor %}

			</tbody>
		</table>

	</div>
		<script type="text/javascript" src="../../static/js/jquery-3.6.0.min.js">


		</script>
		<script type="text/javascript" src="../../static/plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js">

		</script>
	</body>
</html>
